<template>
  <h1>El组件-下拉选框组件</h1>
  <el-select v-model="value" placeholder="请选择" style="width: 50%">
    <el-option
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item.value"
    >
    </el-option>
  </el-select>
  <p>您选择的是：{{value}}</p>
</template>
<script setup>
  import {ref} from "vue";

  const options = [
      {
        label: '上海',
        value: 'shanghai'
      },
      {
        label: '北京',
        value: 'beijing'
      },
      {
        label: '深圳',
        value: 'shenzhen'
      }
  ]
  const value = ref('shenzhen')
</script>


<style scoped>

</style>